<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="V_PATH" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>在线音乐</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="${V_PATH}/static/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${V_PATH}/static/css/app.css" type="text/css" /> 
  <style type="text/css">
  	#loginDiv{
  		position: absolute;
  	}
  </style> 
    <!--[if lt IE 9]>
    <script src="${V_PATH}/static/js/ie/html5shiv.js"></script>
    <script src="${V_PATH}/static/js/ie/respond.min.js"></script>
    <script src="${V_PATH}/static/js/ie/excanvas.js"></script>
  <![endif]-->
</head>
<body class="container">
  <section class="vbox">
    <header class="bg-white-only header header-md navbar navbar-fixed-top-xs">
      <div class="navbar-header aside bg-info nav-xs">
        <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">
          <i class="icon-list"></i>
        </a>
        <a href="#" class="navbar-brand text-lt">
          <i class="icon-earphones"></i>
          <img src="${V_PATH}/static/images/logo.png" alt="." class="hide">
          <span class="hidden-nav-xs m-l-sm">Musik</span>
        </a>
        <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
          <i class="icon-settings"></i>
        </a>
      </div>      <ul class="nav navbar-nav hidden-xs">
        <li>
          <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
            <i class="fa fa-indent text"></i>
            <i class="fa fa-dedent text-active"></i>
          </a>
        </li>
      </ul>
      <form class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search">
        <div class="form-group">
        </div>
      </form>
    </header>
    <section>
      <section class="hbox stretch">
        <!-- .aside -->
        <aside class="bg-black dk nav-xs aside hidden-print" id="nav">
          <section class="vbox">
            <section class="w-f-md scrollable">
              <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">
                <!-- nav -->
                <nav class="nav-primary hidden-xs">
                  <ul class="nav bg clearfix">
                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                      Discover
                    </li>
                    <li>
                      <a href="#" onclick="loadPage('${V_PATH}/hbox.action')">
                        <i class="icon-disc icon text-success"></i>
                        <span class="font-bold">发现音乐</span>
                      </a>
                    </li>
                    <li>
                      <a href="#" onclick="loadPage('${V_PATH}/genres.action')">
                        <i class="icon-music-tone-alt icon text-info"></i>
                        <span class="font-bold">音乐类型</span>
                      </a>
                    </li>
                    <li>
                      <a href="#" onclick="loadPage('${V_PATH}/listen.action')">
                        <i class="icon-list icon  text-info-dker"></i>
                        <span class="font-bold">推荐</span>
                      </a>
                    </li>
                    <li>
                      <a href="#" onclick="loadPage('${V_PATH}/vedio.action')">
                        <i class="icon-social-youtube icon  text-primary"></i>
                        <span class="font-bold">视频</span>
                      </a>
                    </li>
                    <li class="m-b hidden-nav-xs"></li>
                    <c:if test="${!empty LOGIN_USER}">
                    	<c:if test="${LOGIN_USER.authority==1}">
		                    <li>
		                      <a href="#" onclick="loadPage('${V_PATH}/upmusic.action')">
		                        <i class="icon-list icon  text-info-dker"></i>
		                        <span class="font-bold">音乐管理</span>
		                      </a>
		                    </li>
		                    <li>
		                      <a href="#" onclick="loadPage('${V_PATH}/upvedio.action')">
		                        <i class="icon-list icon  text-info-dker"></i>
		                        <span class="font-bold">视频管理</span>
		                      </a>
		                    </li>
		                    <li class="m-b hidden-nav-xs"></li>
	                    </c:if>
                    </c:if>
                  </ul>
                </nav>
                <!-- / nav -->
              </div>
            </section>
            <footer class="footer hidden-xs no-padder text-center-nav-xs">
              <!-- 登录成功 -->
              <div class="bg hidden-xs " id="loginUserState">
	              <c:choose>
	              	<c:when test="${!empty LOGIN_USER}">
	              		<input type="hidden" id="loginState" value="${V_PATH }/loginsuccess.action">
	              	</c:when>
	              	<c:otherwise>
	              		<input type="hidden" id="loginState" value="${V_PATH }/notlogin.action">
	              	</c:otherwise>
	              </c:choose>
              </div>   
           </footer>
           <!-- 加载主页 -->
          </section>
        </aside>
        <!-- /.aside -->
        <section id="content">
        </section>
      </section>
    </section>  
  </section>
  <script>
	var V_PATH='${V_PATH}';
 </script>
  <script src="${V_PATH}/static/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="${V_PATH}/static/js/bootstrap.js"></script>
  <!-- App -->
  <script src="${V_PATH}/static/js/app.js"></script>  
  <script src="${V_PATH}/static/js/slimscroll/jquery.slimscroll.min.js"></script>
  <script>
     function loadPage(url){
       $("#content").load(url);
     }
    $(function () {
//      loadPage("./hbox.html")
	loadPage('${V_PATH}/hbox.action');
    });
  </script>
  <script src="${V_PATH}/static/index/core.js"></script>  
  <script src="${V_PATH}/static/index/sign.js"></script>  
</body>
</html>